<h2 class="hide">{DO}表单</h2>
<div id="matrix-form-form"
     class="cols-form"
     data-topple="hsCols">
    <div class="row">
    <div class="col-xs-6" style="overflow: auto;">
        <div>
            <div data-topple="hsForm"
                 data-load-url="centra/matrix/form/info.act?id=${id}"
                 data-save-url="centra/matrix/form/save.act?id=${id}"
                 data--0="initInfo:($(this).hsFind('%'))">
                <form class="record-form">
                    <input type="hidden" name="id"      data-fn/>
                    <input type="hidden" name="furl_id" data-fn/>
                    <input type="hidden" name="conf"    data-fn/>
                    <div class="form-group" data-type="text">
                        <label class="control-label clearfix" style="display: block;">
                            <span>名称</span>
                        </label>
                        <input class="form-field form-control" name="name" type="text" required="required"
                               data-unique="centra/matrix/form/unique.act?rb=id&id=${id}&furl_id=${furl_id}"
                               placeholder="输入名字用以识别这个表单"/>
                    </div>
                    <div class="form-group">
                        <label class="control-label clearfix" style="display: block">
                            <span>权重</span>
                        </label>
                        <input class="form-field form-control" name="boost" type="number" required="required" value="0"/>
                    </div>
                    <div class="form-group">
                        <label class="control-label clearfix" style="display: block">
                            <span>状态</span>
                        </label>
                        <select class="form-field form-control" name="state">
                            <option value="1">内部</option>
                            <option value="2">开放</option>
                            <option value="4">开放(仅表单)</option>
                            <option value="6">开放(仅接口)</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="control-label clearfix" style="display: block">
                            <span>备注</span>
                        </label>
                        <textarea class="form-field form-control" name="note"></textarea>
                    </div>
                    <div class="invisible">
                        <button type="submit"/>
                    </div>
                </form>
            </div>
            <div class="HsForm">
                <form class="target-form" onsubmit="return false" novalidate="novalidate" autocomplete="off">
                    <div class="form-group" data-type="legend">
                        <legend class="clearfix" data-valtype="text">
                            <span>表单字段</span>
                        </legend>
                    </div>
                    <div class="target-area"></div>
                    <div class="invisible">
                        <div class="form-group">
                            <input type="hidden" name="test" data-test="false"/>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 备选字段 -->
    <div class="col-xs-6" style="overflow: auto;">
        <div class="row">
            <div class="col-xs-6" style="margin-top: 15px;">
                <form class="widget-form" onsubmit="return false" novalidate="novalidate" autocomplete="off">
                    <div class="form-group" data-type="legend">
                        <legend class="clearfix" data-valtype="text">
                            <span>分隔</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </legend>
                        <input style="display:none" name="-" type="legend" data-__rule__="@Ignore" data-unstored="true"/>
                    </div>
                    <div class="form-group" data-type="text">
                        <label class="control-label clearfix" style="display: block;">
                            <span>文本</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="-" type="text" placeholder="请输入..."/>
                    </div>
                    <div class="form-group" data-type="email">
                        <label class="control-label clearfix" style="display: block;">
                            <span>邮箱</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="-" type="email" placeholder="请输入电子邮箱"/>
                    </div>
                    <div class="form-group" data-type="url">
                        <label class="control-label clearfix" style="display: block;">
                            <span>网址</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="-" type="url" placeholder="请输入链接地址"/>
                    </div>
                    <div class="form-group" data-type="tel">
                        <label class="control-label clearfix" style="display: block;">
                            <span>电话</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="-" type="tel" placeholder="请输入电话号码"/>
                    </div>
                    <div class="form-group" data-type="number">
                        <label class="control-label clearfix" style="display: block;">
                            <span>数字</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="-" type="number" placeholder="请输入数字"/>
                    </div>
                    <div class="form-group" data-type="date">
                        <label class="control-label clearfix" style="display: block;">
                            <span>日期</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="-" type="date" data-type="timestamp"/>
                    </div>
                    <div class="form-group" data-type="select">
                        <label class="control-label clearfix" style="display: block;">
                            <span>选择</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <select class="form-control" name="-" style="min-height: auto; max-height: 4em;">
                            <option value="">--请选择--</option>
                        </select>
                    </div>
                    <div class="form-group" data-type="check">
                        <label class="control-label clearfix" style="display: block;">
                            <span>复选框</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <div class="check checkbox" data-fn="-" data-ft="_check" data-repeated="yes">
                            <label><input type="checkbox" name="-" value="1"/><span>选项1</span></label>
                            <label><input type="checkbox" name="-" value="2"/><span>选项2</span></label>
                        </div>
                    </div>
                    <div class="form-group" data-type="radio">
                        <label class="control-label clearfix" style="display: block;">
                            <span>单选框</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <div class="check radio" data-fn="-" data-ft="_radio" data-repeated="no">
                            <label><input type="radio" name="-" value="1"/><span>选项1</span></label>
                            <label><input type="radio" name="-" value="2"/><span>选项2</span></label>
                        </div>
                    </div>
                    <div class="form-group" data-type="textarea">
                        <label class="control-label clearfix" style="display: block;">
                            <span>文本域</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <textarea class="form-control" name="-" style="min-height: 4em; height: 4em; resize: none;" placeholder="在此输入内容..."></textarea>
                    </div>
                    <div class="form-group" data-type="textview">
                        <label class="control-label clearfix" style="display: block;">
                            <span>富文本</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <textarea class="form-control" name="-" style="min-height: 4em; height: 4em; resize: none;" data-type="html" data-mode=""></textarea>
                    </div>
                    <div class="form-group" data-type="image">
                        <label class="control-label clearfix" style="display: block;">
                            <span>图片</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <ul class="repeated labelbox pictbox" data-fn="-" data-ft="_pict" data-__type__="image" data-__rule__="Thumb" data-thumb-mode="" data-thumb-size=""></ul>
                        <input type="file" name="-" class="invisible" accept="image/*"/>
                        <button class="btn btn-default form-control" type="button" data-toggle="hsPict">浏览...</button>
                    </div>
                    <div class="form-group" data-type="file">
                        <label class="control-label clearfix" style="display: block;">
                            <span>文件</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <ul class="repeated labelbox filebox" data-fn="-" data-ft="_file"></ul>
                        <input type="file" name="-" class="invisible"/>
                        <button class="btn btn-default form-control" type="button" data-toggle="hsFile">浏览...</button>
                    </div>
                    <div class="form-group" data-type="fork">
                        <label class="control-label clearfix" style="display: block;">
                            <span>关联</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <ul class="repeated labelbox forkbox" data-fn="-" data-ft="_fork"></ul>
                        <input type="text" name="-" class="invisible"/>
                        <button class="btn btn-default form-control" type="button" data-toggle="hsPick" data-target="@" data-href="centra/matrix/form/pick.html" data-vk="id" data-tk="name">选择...</button>
                    </div>
                    <div class="form-group" data-type="figure">
                        <figure class="clearfix" data-valtype="text">
                            <span>附注</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </figure>
                        <input style="display:none" name="-" type="figure" data-__rule__="@Ignore" data-unstored="true"/>
                    </div>
                </form>
            </div>
            <div class="col-xs-6" style="margin-top: 15px;">
                <form class="widget-form" onsubmit="return false" novalidate="novalidate" autocomplete="off">
                    <div class="form-group">
                        <legend class="clearfix" data-valtype="text">
                            <span>常用字段</span>
                        </legend>
                    </div>
                    <div class="form-group base-field" data-type="name">
                        <label class="control-label clearfix" style="display: block;">
                            <span>标题</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="name" type="text" placeholder="请输入..." data-listable="true" data-wordable="true" required="required"/>
                    </div>
                    <div class="form-group base-field" data-type="note">
                        <label class="control-label clearfix" style="display: block;">
                            <span>概要</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="note" type="text" placeholder="请输入..." data-wordable="true" data-sortable="false"/>
                    </div>
                    <div class="form-group base-field" data-type="tags">
                        <label class="control-label clearfix" style="display: block;">
                            <span>标签</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="tags" type="text" placeholder="请输入..." data-listable="true" data-statable="true" data-__repeated__="true" data-deverse="true" data-split="," data-slice=","/>
                    </div>
                    <div class="form-group base-field" data-type="word">
                        <label class="control-label clearfix" style="display: block;">
                            <span>词汇</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="form-control" name="word" type="text" placeholder="请输入..." data-srchable="true" data-sortable="false" data-lucene-query-filter.0="Lowercase" data-lucene-token-filter.0="Lowercase"/>
                    </div>
                    <div class="form-group base-field" data-type="logo">
                        <label class="control-label clearfix" style="display: block;">
                            <span>图标</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <ul class="repeated labelbox pictbox" data-fn="logo" data-ft="_pict" data-listable="true" data-__type__="image" data-__rule__="Thumb" data-thumb-mode="pick" data-thumb-size="300*300"></ul>
                        <input type="file" name="logo" class="invisible" accept="image/*"/>
                        <button class="btn btn-default form-control" type="button" data-toggle="hsPict"><i class="bi bi-hi-file"></i>浏览...</button>
                    </div>
                    <div class="form-group base-field" data-type="boost">
                        <label class="control-label clearfix" style="display: block;">
                            <span>权重</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input  class="form-control" name="boost" data-default="0" data-type="long" type="number"/>
                    </div>
                    <div class="form-group base-field" data-type="state">
                        <label class="control-label clearfix" style="display: block;">
                            <span>状态</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <select class="form-control" name="state" data-default="1" data-type="byte">
                            <option value="1">正常</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <legend class="clearfix" data-valtype="text">
                            <span>系统字段</span>
                        </legend>
                    </div>
                    <div class="form-group base-field" data-type="ctime">
                        <label class="control-label clearfix" style="display: block;">
                            <span>创建时间</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="invisible" type="datetime" name="ctime" data-type="timestamp" data-default="@now" data-deforce="create" data-readonly="yes"/>
                    </div>
                    <div class="form-group base-field" data-type="mtime">
                        <label class="control-label clearfix" style="display: block;">
                            <span>修改时间</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="invisible" type="datetime" name="mtime" data-type="timestamp" data-default="@now" data-deforce="always" data-readonly="yes"/>
                    </div>
                    <div class="form-group base-field" data-type="cuser">
                        <label class="control-label clearfix" style="display: block;">
                            <span>创建用户</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="invisible" type="fork" name="cuser" data-default="@uid" data-deforce="create" data-readonly="yes" data-unopenable="yes" data-pass-id="yes" data-ln="cuser" data-vk="id" data-tk="name" data-at="centra/master/user/list" data-st="centra/master/user/pick.html"/>
                    </div>
                    <div class="form-group base-field" data-type="muser">
                        <label class="control-label clearfix" style="display: block;">
                            <span>修改用户</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="invisible" type="fork" name="muser" data-default="@uid" data-deforce="always" data-readonly="yes" data-unopenable="yes" data-pass-id="yes" data-ln="muser" data-vk="id" data-tk="name" data-at="centra/master/user/list" data-st="centra/master/user/pick.html"/>
                    </div>
                    <div class="form-group base-field" data-type="_">
                        <label class="control-label clearfix" style="display: block;">
                            <span>表单设置</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="invisible" type="" name="@"/>
                    </div>
                    <div class="form-group base-field" data-type="-" style="display: none;">
                        <label class="control-label clearfix" style="display: block;">
                            <span>自定字段</span>
                            <span class="bi bi-hi-close pull-right"></span>
                            <span class="bi bi-hi-update pull-right"></span>
                            <span class="bi bi-hi-create pull-right"></span>
                        </label>
                        <input class="invisible" type="" name="-"/>
                    </div>
                </form>
            </div>
        </div>
        <div>
            <div class="alert alert-dismissible" style="background: #e5e5e5;">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <p>
                    点击 <span class="bi bi-hi-create"></span> 将字段加入表单,
                    点击 <span class="bi bi-hi-update"></span> 可设置详细参数,
                    点击 <span class="bi bi-hi-close"></span> 从表单移除字段;
                    点击按住已添加的表单字段名, 可拖拽将其排列成期望的顺序.
                </p>
            </div>
        </div>
    </div>
    </div>

    <!-- 底部按钮 -->
    <hr/>
    <div class="clearfix">
        <div class="board">
            <button type="button" class="btn btn-primary commit">保存设置</button>
            <button type="button" class="btn btn-link    cancel">取消</button>
        </div>
    </div>

    <!-- 基础设置 -->
    <div style="display:none;">
        <div class="widget-pane widget-pane-figure">
            <div class="form-group">
                <textarea class="form-control" name="span:first"></textarea>
            </div>
        </div>
        <div class="widget-pane widget-pane-legend">
            <div class="form-group">
                <input class="form-control" type="text" name="span:first" value=""/>
            </div>
        </div>
        <div class="widget-pane widget-pane-text widget-pane-name widget-pane-tags">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示文字</label>
                <input class="form-control" type="text" name="input|placeholder" value="" placeholder="输入框未输入时的灰色文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="input|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="input|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">验证规则</label>
                <input class="form-control" type="text" name="input|pattern" value="" placeholder="可使用正则表达式进行验证"/>
            </div>
            <div class="form-group">
                <label class="control-label">长度范围</label>
                <div class="control-group">
                    <input class="form-control" type="number" name="input|minlength" value="" style="display: inline-block; width: 8em;"/>
                    <span>&nbsp;~&nbsp;</span>
                    <input class="form-control" type="number" name="input|maxlength" value="" style="display: inline-block; width: 8em;"/>
                </div>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="input|required" value="required"/>必填
                </label>
                <label>
                    <input type="checkbox" name="input|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="input|data-sortable" value="yes"/>排序
                </label>
                <label>
                    <input type="checkbox" name="input|data-wordable" value="yes"/>搜索
                </label>
                <label>
                    <input type="checkbox" name="input|data-filtable" value="yes"/>筛选
                </label>
                <label>
                    <input type="checkbox" name="input|data-statable" value="yes"/>统计
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-note widget-pane-word">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示文字</label>
                <input class="form-control" type="text" name="input|placeholder" value="" placeholder="输入框未输入时的灰色文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="input|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="input|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">长度范围</label>
                <div class="control-group">
                    <input class="form-control" type="number" name="input|minlength" value="" style="display: inline-block; width: 8em;"/>
                    <span>&nbsp;~&nbsp;</span>
                    <input class="form-control" type="number" name="input|maxlength" value="" style="display: inline-block; width: 8em;"/>
                </div>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="input|required" value="required"/>必填
                </label>
                <label>
                    <input type="checkbox" name="input|data-listable" value="yes"/>列举
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-email widget-pane-url widget-pane-tel widget-pane-sms">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示文字</label>
                <input class="form-control" type="text" name="input|placeholder" value="" placeholder="输入框未输入时的灰色文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="input|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="input|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="input|required" value="required"/>必填
                </label>
                <label>
                    <input type="checkbox" name="input|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="input|data-sortable" value="yes"/>排序
                </label>
                <label>
                    <input type="checkbox" name="input|data-filtable" value="yes"/>筛选
                </label>
                <label>
                    <input type="checkbox" name="input|data-statable" value="yes"/>统计
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-number">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示文字</label>
                <input class="form-control" type="text" name="input|placeholder" value="" placeholder="输入框未输入时的灰色文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="input|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="input|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">取值范围</label>
                <div class="control-group">
                    <input class="form-control" type="number" name="input|min" value="" style="display: inline-block; width: 8em;"/>
                    <span>&nbsp;~&nbsp;</span>
                    <input class="form-control" type="number" name="input|max" value="" style="display: inline-block; width: 8em;"/>
                    <span>&nbsp;.&nbsp;</span>
                    <input class="form-control" type="number" name="input|data-scale" value="" style="display: inline-block; width: 4em;"/>
                </div>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="input|required" value="required"/>必填
                </label>
                <label>
                    <input type="checkbox" name="input|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="input|data-sortable" value="yes"/>排序
                </label>
                <label>
                    <input type="checkbox" name="input|data-filtable" value="yes"/>筛选
                </label>
                <label>
                    <input type="checkbox" name="input|data-statable" value="yes"/>统计
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-date widget-pane-time widget-pane-datetime">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示文字</label>
                <input class="form-control" type="text" name="input|placeholder" value="" placeholder="输入框未输入时的灰色文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="input|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="input|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <input type="hidden" name="input|data-type" value="timestamp"/>
            <div class="form-group">
                <label class="control-label">精度类型</label>
                <select class="form-control" name="input|type">
                    <option value="datetime">日期时间</option>
                    <option value="date">日期</option>
                    <option value="time">时间</option>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label">取值范围</label>
                <div class="control-group">
                    <input class="form-control" type="datetime" name="input|mindate" value="" style="display: inline-block; width: 12em;"/>
                    <span>&nbsp;~&nbsp;</span>
                    <input class="form-control" type="datetime" name="input|maxdate" value="" style="display: inline-block; width: 12em;"/>
                </div>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="input|required" value="required"/>必填
                </label>
                <label>
                    <input type="checkbox" name="input|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="input|data-sortable" value="yes"/>排序
                </label>
                <label>
                    <input type="checkbox" name="input|data-filtable" value="yes"/>筛选
                </label>
                <label>
                    <input type="checkbox" name="input|data-statable" value="yes"/>统计
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-select">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="select|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="select|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">选项列表</label>
                <textarea class="form-control" name="select|datalist" placeholder="一行一条,格式: 文本 或 取值::文本, 以!!打头的为默认选中"></textarea>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="select|required" value="required"/>必选
                </label>
                <label>
                    <input type="checkbox" name="select|multiple" value="multiple"/>多选
                </label>
                <label>
                    <input type="checkbox" name="select|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="select|data-sortable" value="yes"/>排序
                </label>
                <label>
                    <input type="checkbox" name="select|data-filtable" value="yes"/>筛选
                </label>
                <label>
                    <input type="checkbox" name="select|data-statable" value="yes"/>统计
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-check widget-pane-radio">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name=".check|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name=".check|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">选项列表</label>
                <textarea class="form-control" name=".check|datalist" placeholder="一行一条,格式: 文本 或 取值::文本, 以!!打头的为默认选中"></textarea>
            </div>
            <input type="hidden" name=".check|data-repeated" value=""/>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name=".check|data-required" value="yes"/>必选
                </label>
                <label>
                    <input type="checkbox" name=".check|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name=".check|data-sortable" value="yes"/>排序
                </label>
                <label>
                    <input type="checkbox" name=".check|data-filtable" value="yes"/>筛选
                </label>
                <label>
                    <input type="checkbox" name=".check|data-statable" value="yes"/>统计
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-textarea">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示文字</label>
                <input class="form-control" type="text" name="textarea|placeholder" value="" placeholder="文本框未输入时的灰色文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="textarea|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="textarea|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">长度范围</label>
                <div class="control-group">
                    <input class="form-control" type="number" name="textarea|minlength" value="" style="display: inline-block; width: 8em;"/>
                    <span>&nbsp;~&nbsp;</span>
                    <input class="form-control" type="number" name="textarea|maxlength" value="" style="display: inline-block; width: 8em;"/>
                </div>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="textarea|required" value="required"/>必填
                </label>
                <label>
                    <input type="checkbox" name="textarea|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="textarea|data-wordable" value="yes"/>搜索
                </label>
                <label>
                    <input type="checkbox" name="textarea|data-filtable" value="yes"/>筛选
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-textview">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示文字</label>
                <input class="form-control" type="text" name="textarea|placeholder" value="" placeholder="编辑框未输入时的灰色文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="textarea|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="textarea|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">内容类型</label>
                <select class="form-control" name="textarea|data-type">
                    <option value="html">富文本</option>
                    <option value="code">源代码</option>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label">内容格式</label>
                <select class="form-control" name="textarea|data-mode">
                    <option value=""></option>
                    <!-- C   家族 -->
                    <option value="c">C</option>
                    <option value="cpp">C++</option>
                    <option value="mm">OC</option>
                    <option value="cs">C#</option>
                    <!-- JVM 家族 -->
                    <option value="java">Java</option>
                    <option value="scala">Scala</option>
                    <option value="kotlin">Kotlin</option>
                    <option value="groovy">Groovy</option>
                    <!-- JS  家族 -->
                    <option value="js">Javascript</option>
                    <option value="ts">Typescript</option>
                    <option value="coffee">Coffee</option>
                    <option value="jsx">JSX</option>
                    <option value="vue">VUE</option>
                    <option value="json">JSON</option>
                    <!-- XML 家族 -->
                    <option value="xml">XML</option>
                    <option value="html">Html</option>
                    <option value="md">Markdown</option>
                    <option value="jsp">JSP</option>
                    <option value="asp">ASP</option>
                    <!-- 其他程序 -->
                    <option value="php">PHP</option>
                    <option value="lua">Lua</option>
                    <option value="py">Python</option>
                    <option value="rb">Ruby</option>
                    <option value="pl">Perl</option>
                    <option value="sh">Shell</option>
                    <option value="ps1">PowerShell</option>
                    <!-- 其他代码 -->
                    <option value="sql">SQL</option>
                    <option value="css">CSS</option>
                    <option value="less">LESS</option>
                    <option value="scss">SCSS</option>
                    <option value="sass">SASS</option>
                    <option value="proto">Protobuf</option>
                    <option value="properties">Properties</option>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label">长度范围</label>
                <div class="control-group">
                    <input class="form-control" type="number" name="textarea|minlength" value="" style="display: inline-block; width: 8em;"/>
                    <span>&nbsp;~&nbsp;</span>
                    <input class="form-control" type="number" name="textarea|maxlength" value="" style="display: inline-block; width: 8em;"/>
                </div>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="textarea|required" value="required"/>必填
                </label>
                <label>
                    <input type="checkbox" name="textarea|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="textarea|data-wordable" value="yes"/>搜索
                </label>
                <label>
                    <input type="checkbox" name="textarea|data-filtable" value="yes"/>筛选
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-file widget-pane-logo widget-pane-image widget-pane-video widget-pane-audio">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示短语</label>
                <input class="form-control" type="text" name="button|text" value="" placeholder="文件选择按钮上的提示短语"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="ul|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="ul|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">文件类型</label>
                <input class="form-control" type="text" name="ul|data-accept" value="" placeholder="逗号分隔, 如 image/png,.png"/>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="ul|data-required" value="yes"/>必传
                </label>
                <label>
                    <input type="checkbox" name="ul|data-repeated" value="yes"/>多个
                </label>
                <label>
                    <input type="checkbox" name="ul|data-listable" value="yes"/>列举
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-fork">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">提示短语</label>
                <input class="form-control" type="text" name="button|text" value="" placeholder="关联选择按钮上的提示短语"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="ul|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="ul|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">关联表单</label>
                <div class="multiple form-control">
                    <ul class="repeated labelbox forkbox" data-ft="_pick" data-fn="-"></ul>
                    <a href="javascript:;" data-toggle="hsPick" data-target="/.labs" data-href="centra/matrix/form/pick.html">选择...</a>
                </div>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="ul|data-required" value="yes"/>必选
                </label>
                <label>
                    <input type="checkbox" name="ul|data-repeated" value="yes"/>多个
                </label>
                <label>
                    <input type="checkbox" name="ul|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="ul|data-filtable" value="yes"/>筛选
                </label>
                <label>
                    <input type="checkbox" name="ul|data-statable" value="yes"/>统计
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-cuser widget-pane-muser widget-pane-ctime widget-pane-mtime widget-pane-state widget-pane-boost">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="input|data-listable" value="yes"/>列举
                </label>
                <label>
                    <input type="checkbox" name="input|data-sortable" value="yes"/>排序
                </label>
                <label>
                    <input type="checkbox" name="input|data-filtable" value="yes"/>筛选
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane--">
            <div class="form-group">
                <label class="control-label">字段名称</label>
                <input class="form-control" type="text" name="label span:first" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">表单提示</label>
                <input class="form-control" type="text" name="input|data-form-hint" value="" placeholder="创建编辑时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">信息提示</label>
                <input class="form-control" type="text" name="input|data-info-hint" value="" placeholder="查阅详情时字段的提示文字"/>
            </div>
            <div class="form-group">
                <label class="control-label">字段类型</label>
                <input class="form-control" type="text" name="input|type" value="" required="required"/>
            </div>
            <div class="form-group">
                <label class="control-label">校验方法</label>
                <input class="form-control" type="text" name="input|data-__rule__" value=""/>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="input|data-__required__" value="yes"/>必填
                </label>
                <label>
                    <input type="checkbox" name="input|data-__repeated__" value="yes"/>多个
                </label>
            </div>
        </div>
        <div class="widget-pane widget-pane-_">
        </div>
    </div>

    <!-- 设置面板 -->
    <div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <form onsubmit="return false;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"></h4>
                    </div>
                    <div class="modal-body">
                        <ul class="nav nav-tabs group" data-topple="hsTabs">
                            <li><a href="javascript:;">基础设置</a></li>
                            <li><a href="javascript:;">高级设置</a></li>
                        </ul>
                        <div>
                            <div class="simple-set"></div>
                            <div class="detail-set">
                                <table style="width: 100%;">
                                    <tr class="hide">
                                        <td style="width: 10px;">
                                            &equiv;
                                        </td>
                                        <td style="width: 15em;">
                                            <input type="text" name="param_name"  class="form-control col-xs-4" placeholder="参数"/>
                                        </td>
                                        <td>
                                            <input type="text" name="param_value" class="form-control col-xs-8" placeholder="取值"/>
                                        </td>
                                        <td style="width: 2em; text-align: center; vertical-align: middle;">
                                            <a href="javascript:;" class="del-param"><span class="bi bi-hi-delete"></span></a>
                                        </td>
                                    </tr>
                                </table>
                                <a href="javascript:;" class="btn btn-link add-param"><span class="bi bi-hi-create"></span> 添加自定义设置</a>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" data-dispose="modal">保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </form>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div>
<script type="text/javascript">
    (function($) {
        var context = $("#matrix-form-form");

        // 左右平衡大小, 需减掉上下部分的高度
        var h = $(window).height() - 70 - 96;
        context.children(".row").children(".col-xs-6").css("max-height", h);
    })(jQuery);
</script>